<template>
  <div>
      <div @click="fatherFn">
          <p @click.stop="oneFn">.stop - 阻止事件冒泡</p>
          <a href="http://wwww.baidu.com" @click.prevent.stop>去百度</a>
          <p @click.once="twoFn">点击观察事件处理函数执行了几次</p>
      </div>
  </div>
</template>

<script>
export default {
    methods: {
        fatherFn(){
            console.log('father-触发click事件')
        },
        oneFn(){
            console.log('p标签点击了')
        },
        twoFn(){
            console.log('点击观察事件处理函数执行了几次')
        }
    }
}
</script>

<style>

</style>